<template>
  <div class="sorts-recycle">
    <div class="bg-img"></div>
    <div class="bottom-logo"></div>
    <div class="bottom-img"></div>
    <div class="footer-img"></div>
  </div>
</template>

<script setup>
// 在这里写 Composition API 代码
</script>

<style scoped lang="scss">
// 在这里写 SCSS 样式
.sorts-recycle {
  height: auto;

  .bg-img {
    background: url('https://m.360buyimg.com/babel/jfs/t1/114482/6/43563/185938/654b3a7fF9cdec73b/7b1c75c3cab6dd83.png') no-repeat;
    background-size: cover;
    width: 990px;
    height: 499px;
    margin: 0 auto;
  }

  .bottom-logo {
    background: url('https://m.360buyimg.com/babel/jfs/t1/188480/19/46977/34115/654d8ff5Fd955a54a/133a8135d986817f.png') no-repeat;
    background-size: cover;
    width: 990px;
    height: 94px;
    margin: 0 auto;

  }

  .bottom-img {
    background: url('https://m.360buyimg.com/babel/jfs/t1/228612/33/2992/88895/6552e828F5e86ee01/259788d96416672a.png') no-repeat;
    background-size: cover;
    width: 990px;
    height: 279px;
    margin: 0 auto;
  }

  .footer-img {
    background: url('https://m.360buyimg.com/babel/jfs/t1/236059/37/2185/304755/654b3609F3fa35d06/31de672ba766c866.png') no-repeat;
    background-size: cover;
    height: 96px;
    margin: 0 auto;
  }
}
</style>
